<script src='/js/jquery.comboBox.js' type="text/javascript" language="javascript"></script>
<script>
$(function() {
	$( ".filter-type-license" ).button();	
	$( "#launch-search-images" ).button({
		icons: {
			primary: "ui-icon-refresh"
		},
		text: true
	}).click(function() {
		alert( "Woohooo!" );
	});
});
</script>
<div class="top shadow">
<div id="hall-of-fame">
		<span class="item"><a href="" class="white-link">+ most voted</a></span>
        <span class="item"><a href="" class="white-link">+ most viewed</a></span>
        <span class="item"><a href="" class="white-link">+ most donated</a></span>
        <div style="float:right; margin-right:20px;"></div>
    </div>
    
    <div id="top-content-wrap">
    	<h1><span class="blue">Explore</span> the images on Imageene.org</h1>
	    <div id="image-search">
	        <div id="filter-container">
	            <table border="0" cellspacing="1" cellpadding="3">
	                <tr>
	                    <td><div id="label">&middot; Cause:</div></td>
	                    <td><div id="input"><select class="filter-select"><option>All causes</option><option>Cause no. 1</option><option>Cause for the childrens</option></select></div></td>
	                    <td><div id="label">&middot; License:<img src="/images/template/help.png" width="15" height="15" alt="help" /></div></td>
	                    <td><div id="input">
	                        <div id="license-types">
	                            <input type="checkbox" id="check1" class="filter-type-license" checked="checked" /><label for="check1">[D] Perso</label>
	                            <input type="checkbox" id="check2" class="filter-type-license" checked="checked" /><label for="check2">[D] Pro</label>
	                            <input type="checkbox" id="check3" class="filter-type-license" checked="checked" /><label for="check3">[P] Perso</label>
	                            <input type="checkbox" id="check4" class="filter-type-license" checked="checked" /><label for="check4">[P] Pro</label>
	                        </div>
	                    </div></td>
	                </tr>
	                <tr>
	                    <td><div id="label">&middot; Country:</div></td>
	                    <td><div id="input"><select class="filter-select"><option>All countries</option><option>Pakistan</option><option>Nepal</option></select></div></td>
	                    <td><div id="label">&middot; Assoc/NGO:</div></td>
	                    <td><div id="input"><select class="filter-select"><option>All Assoc/NGO's</option><option>WWF/Adena</option><option>Greenpeace</option><option>Payasos sin fronteras</option></select></div></td>
	                </tr>
	                <tr>
	                    <td><div id="label">&middot; Valoration:</div></td>
	                    <td>
	                    	<div id="input">
	                            <input class="rating-stars-filter-auto-submit" type="radio" name="test-rating" value="1"/>
	                            <input class="rating-stars-filter-auto-submit" type="radio" name="test-rating" value="2"/>
	                            <input class="rating-stars-filter-auto-submit" type="radio" name="test-rating" value="3" checked="checked"/>
	                            <input class="rating-stars-filter-auto-submit" type="radio" name="test-rating" value="4"/>
	                            <input class="rating-stars-filter-auto-submit" type="radio" name="test-rating" value="5"/>
	                        </div>
	                	</td>
	                    <td><button id="launch-search-images">Search images</button></td>
	                    <td></td>
	                </tr>
	            </table>	
	    	</div>
	    </div>
	</div>
	<div id="result-display-params">
    	Show: <a href="">50</a> | <a href="">100</a> | <a href="">150</a> | <a href="">All</a>&nbsp;&nbsp;Sort: <a href="">Relevance</a> | <a href="">Newer</a>
    </div>
</div>

<div class="content">
	about
</div>

<div id="warning">
<p><img src="/images/template/arrow-info-bw.png" width="15" height="15" alt="info" class="info" />You are currently filtering images by cause [pobreza<img src="/images/template/button-cancel.png" width="10" height="10" alt="cancel filter" class="cancel" />] [ni&ntilde;os<img src="/images/template/button-cancel.png" width="10" height="10" alt="cancel filter" class="cancel" />] [otras causas<img src="/images/template/button-cancel.png" width="10" height="10" alt="cancel filter" class="cancel" />]</p>
<p><img src="/images/template/arrow-info-bw.png" width="15" height="15" alt="info" class="info" />You are currently filtering images by country [spain<img src="/images/template/button-cancel.png" width="10" height="10" alt="cancel filter" class="cancel" />] [nepal<img src="/images/template/button-cancel.png" width="10" height="10" alt="cancel filter" class="cancel" />] [india<img src="/images/template/button-cancel.png" width="10" height="10" alt="cancel filter" class="cancel" />]</p>
<p><img src="/images/template/arrow-info-bw.png" width="15" height="15" alt="info" class="info" />You are currently filtering images by  license type [digital /pro<img src="/images/template/button-cancel.png" width="10" height="10" alt="cancel filter" class="cancel" />] [impresion/pro<img src="/images/template/button-cancel.png" width="10" height="10" alt="cancel filter" class="cancel" />]</p>
</div>
<!-- endof:top -->

<div id="main-content-wrapper">
<style>
	#search-result-container { padding: 20px; margin:0 auto; }
	#search-result-container #imgset { float: left; margin-right: 20px; margin-bottom:30px; }
	#search-result-container #imgset #image{ float: left; }
	#search-result-container #imgset #image img { border:2px solid #222222; }
	#search-result-container #imgset #valoration{  }
</style>
<div id="search-result-container">
    <?php
// 		$dir ="/images/search_result_same_height";
// 		$folder = opendir($dir);
// 		$pic_types = array("jpg", "jpeg", "gif", "png");
		
// 		$index = array();
		
// 		while ($file = readdir ($folder)) {
// 			if(in_array(substr(strtolower($file), strrpos($file, ".") + 1), $pic_types)) {
// 				array_push($index, $file);
// 			}
// 		}		
// 		closedir($folder);
		
// 		$i=0;
// 		foreach($index as $img):
			
	?>
<!--         <div id="imgset"> 
            <div id="image"><a href="#"><img src="<?=$dir."/".$img?>" title="<?=$img?> by Luso" alt="<?=$img?> by Luso" /></a></div>
            <div id="valoration">
                <input class="image-rating" type="radio" name="img-<?=$i?>-rating" value="1" disabled="disabled"/>
                <input class="image-rating" type="radio" name="img-<?=$i?>-rating" value="2" disabled="disabled"/>
                <input class="image-rating" type="radio" name="img-<?=$i?>-rating" value="3" disabled="disabled"/>
                <input class="image-rating" type="radio" name="img-<?=$i?>-rating" value="4" disabled="disabled"/>
                <input class="image-rating" type="radio" name="img-<?=$i++?>-rating" value="5" disabled="disabled"/>
             </div> 
         </div> -->
    <?php // endforeach; ?>  
</div>
</div>

